Todas las plantillas no son iguales, las indicaciones para añadir una imagen en la cabecera del blog son para la plantilla Minima (esta que estáis viendo) aún así las referencias y códigos pueden servir de ejemplo para situaros en vuestra plantilla.
Dicho todo esto vamos a poner una imagen en nuestro blog.
Lo primero de todo debemos tener la Url de nuestra imagen, para ello utilizamos algún alojamiento, por ejemplo Imageshack una vez conseguimos la Url nos situamos en:
Plantilla/Edición HTML/Expandir plantilla de artilugios y buscamos donde dice:

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

Añadiremos lo siguiente:
background-image: url(http://aquítuimagen/fondoheader.png);

De manera que quedaría así:
#header-wrapper {
width:660px;
margin:0 auto 10px;
}
#header {
margin: 5px;
height:100px;
background-image: url(http://aquítuimagen/fondoheader.png);
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

Si el alto de la imagen no es el adecuado podemos añadir height:150px; y modificar el valor 150 para darle el tamaño deseado.

¿Queréis quitar el borde de la imagen? Donde dice:border: 1px cambiar el 1 por 0

Si deseas que al clicar en la imagen de la cabecera tu blog se actualice entonces sigue las explicaciones dadas aquí, además necesitáis eliminar el título aquí tienes la solución.

¡Suerte¡

Anónimo

se puede modificar el ancho de la imagen, y el alto? como se modifica el alto?
gracias

Responder
Unknown

hola Gema, paso a saludarte, siempre me actualizo con las novedades de tu blog. gracias por la ayuda. Besos

Responder
Andrés

Hi.
Un poco complicado es el cambiar el título por una imagen, asi que visita o visiten mi blog y al menos lo que he publicado no es tan complicado, es muy diferente a lo publicado acá el cambiar el título por una imagen.
Bye.

Responder
Gem@

Saludos Korato, el ancho se modifica con height de esta forma:
width:660px;
height:250px;
(es un valor de referencia)

Saludos blog, gracias a ti por dejar tu granito de arena en forma de comentario ;)

Saludos Andrés:
No es tan complicado, la única diferencia entre tu explicación y la mía es que agregas la imagen editando el HTML directamente y yo en la hojas de estilo.
Entre tu post y el mío hay una mínima diferencia y es que suprimes el título al mismo tiempo, cosa que no quiere hacer todo el mundo.
Yo he preferido hacerlo en dos explicaciones ´´añadir imagen`` y ´´suprimir el título`` queda a gusto de cada uno hacer una cosa u otra.
Por otra parte decirte que no necesariamente hay que subir la imagen en una entrada para conseguir la url.
Agradezco tu opinión y la invitación a visitar tu blog, por cierto muy interesante y útil :)

Responder
Andrés

Ah me olvidaba, tu explicación el borrar el título, no esta tan mal, pero existe un pequeño detalle, que cuando borras todo ese codigo se borra el enlace, me entiendes, me explico. Cada vez que uno entra a una entrada o post hay la posibilidad de darle un click al titulo y volver a la página principal, en cambio lo que has publicado no se puede, ojala me entiendas.
En mi explicacion, simplemente borras ese codigo y cuando estas en una entrada o post y le das click a la imagen vuelves a la pagina principal. (Aunque al último dice Página principal)
Gracias por tomarte el tiempo de leer mi publicación.
Bye.

Responder
Gem@

Te entiendo perfectamente Andrés, a eso le llaman actualizar la página o refrescar.
Como verás hay diferentes formas de poner una imagen en la cabecera y que esta actualice el blog, en el siguiente post hablo de eso.
Gracias por comentar, los comentarios simpre son bienvenidos y las sugerencias también, todo eso ayuda a mejorar.

Responder
Andrés

ah me olvidaba, vistiame y dejame un comentario jejeje

Responder
Gem@

Hecho!

Responder
AleMamá

He estado echando una mirada por acá, lo de las cabeceras beta. ¡Qué bueno que existas! Gracias :)

Responder
Gem@

Hola Ale, si decides aplicar una cabecera intentalo mejor con el código que actualiza la página al mismo tiempo.
He querido explicar las dos formas que se pueden hacer, pero sin duda aplicar una imagen y que esta actualice la página es mucho mejor con diferencia :)
Gracias amiga.

Responder
punkoatl

Fue de gran ayuda este mensaje para el blog que estoy iniciando.

Responder
Gem@

Bienvenido punkoatl espero poder ofrecerte más soluciones ;)

Responder
Evelyn

Hola Gema, acá estoy de vuelta... con mi blog en el "blogger viejo" podía poner una imagen al lado del título colocando el "no-repeat", ahora esa función no me sirve en el "blogger actual"... si no coloco ese "no-repeat" se repite la imagen tapando el título y lo que quiero es que aparezca una sola imagen... ¿me explico? ¿cómo hago?

Responder
Gem@

Intenta aplicando el atributo align=left eso hará que la imagen quede a la izquierda, si no te resulta de ninguna forma hay una opción muy utilizada crear un logo o banner con la imagen y el texto donde deseas que salga :)
Si no te resulta házmelo saber y hacemos un logo ;)

Responder
Evelyn

Gracias Gema, no me funcionó eso de ponerle "left", pero decidií hacer un banner y lo monté... creo que me funciona aunque debo seguir mejorándolo. Gracias otra vez :D

Responder
Gem@

Ha resultado la idea eso es lo importante no la forma de hacerlo ;)

Responder
Humberto Contreras Soria

Hola Gema: he puesto una plantilla "Blogger Template MidBasyc" a mi blog y no puedo accesar una imagen a la cabecera. He seguido todos los pasos que detallas como tener la imagen alojada en una web (:"http://img472.imageshack.us/img472/3379/montaaoscuraml7.jpg")y por mas que lo he intentado de mil maneras, no logro que aparezca la imagen en la plantilla de mi blog. He trabajado mucho en el diseño de esta imagen y me frustra no poder editarla.
El lenguaje HTML de la cabecera:
#header-wrapper {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
left: 0;
height: 1%;
min-width: 900px;
max-width: 900px;
min-height: 200px;
max-height: 200px;
background: SheaderbgColor;
border: 3px solid $headerBorderColor;
}

He intentado todo en el segmento "background" poniendo a continuacion la url y nada; con comillas, sin comillas, entre parentesis, sin el, etc. TE suplicaria que me des una ayuda porque sin la cabecera, ni titulo mi blog se ve muy soso, por no decir horroroso. Mi e-mail: huconsor@hotmail.com Muchas gracias.

Responder
Humberto Contreras Soria

Me olvidaba, mi blog se llama "El Lado Oscuro de la Tierra" (http://humberto-contreras.blogspot.com). Gracias por su ayuda.

Responder
Gem@

Hola Humberto bienvenido yo si veo la imagen en la cabecera de tu blog :)
¿Qué navegador usas?
Te diré que se ve tanto con Firefox como con Explorer, eso si... la plantilla se ve diferente.

Responder
Anónimo

Hola Gem@. He hecho mi blog paracticamente gracias ati, pero ahora tengo un problemita. he colocado una imagen en la cabecera que no he podido borrar. cuando le doy a eliminar imagen ella se carga de nuevo. crei que se podia quitar con este codigo d arriba pero la imagen que quiero poner queda abajo, help please

Responder
Gem@

Saludos ánonimo ¿has probado sustituyendo la imagen que deseas eliminar por otra? después intenta eliminarla de nuevo y sobretodo después de eliminarla guarda los cambios
Si no te resulta dime que plantilla estás usando ;)

Responder
Anónimo

Si!!! Resulta Gem@. Muchas gracias y adelante!!!!

Responder
Gem@

;)

Responder
Fernando

Genial ya puede!!
Ahora. Como le hago para centrar la imagen, ya q me qda cargada un poco hacia el lado izquierdo de la pantalla.
No entendi nada sobre como dar clic en la ia imagen de la cabecera para q se actualize el blog, ya q el enlace q das, da a la misma pagina

Responder
Fernando

Esa es la unica forma de poner una imagen en la cabecera? en mi blog de pruebas lo hago mediante los elementos de la pagina, editar cabecera y por ultimo bajo la imagen desde el ordenador o mediante imageshack.
Pero en mi blog publico no puedo.
x q?

Responder
Gem@

Fernando, hay más formas una y la más sencilla es la que me comentas de añadirla desde tu PC, me dices que no puedes pero no me dices por qué no puedes.
¿No tienes la pestaña de cabecera para añadirla?
¿No te acepta la imagen?
¿Te da algún error?

No debes mezclar las explicaciones de diferentes entradas.
Todas tienen algo en común en este caso es añadir una imagen a la cabecera pero las explicaciones son diferentes y los resultados también.
En la entrada de añadir imagen que al mismo tiempo actualiza la página es correcto. El enlace de tu propia página es para actualizar el blog.
Supongamos que entras a mi blog y vas viendo diferentes páginas... en un momento dado quieres regresar al inicio del blog entonces clicas sobre el logo y eso es lo que hace que la página o blog se actualice.

Responder
Anónimo

Gracias por estos tips tan útiles que publicas en el blog.
Pues bien, tengo una duda: cómo puedo cambiar el texto de mi header por una imagen?

Mi blog es el siguiente
http://pruebasyensayos.blogspot.com/

Ojalá puedas ayudarme.
un saludo

Responder
Gem@

La imagen ya la tienes Doppelgänger es esta lo que debes hacer es eliminar ese texto que hace de título.
inténtalo siguiendo estos pasos (son para una plantilla de Blogger, la tuya es de FinalSense pero igualmente puedes servir)
O si lo prefieres suprime la imagen que tienes y agrégala de esta forma te da la opción de situar el título detrás de la imagen.

Responder
Anónimo

Hooola! hace unos dias abri mi blog y antes de andar publicandolo por ahi quiero darle el maximo en cuanto a diseño ... es algo simple pero concreto. El tema es que la imagen que pongo de cabecera quiero que ocupe todo el ancho de la pagina, sin texto y no puedo ... muchas gracias desde ya.

Responder
Gem@

En los dos blogs que tienes estás utilizando la misma plantilla y las mismas medidas.
Las dos tienen para el logo la misma medida que el blog en su totalidad. Puedes agregar una imagen que tenga una medida de 660 de ancho y ocupará toda la cabecera.
Prueba a hacerlo de esta forma, te da la posibilidad de adecuar el tamaño de la imagen sin tener que modificarla ;)

Responder
El Comité Ambiental

Hola!

Primero de todo: Feliz año y enhorabuena por tu blog. Esta genial!

Tengo un pequeño problema con esto. Cuando busco en la plantilla la "palabra" #header-wrapper {, la encuentro... pero no me sale lo mismo que a ti... Me aparece esto:


#header-wrapper {
background: #8b2 url(http://www.blogblog.com/moto_son/headbotborder.gif) bottom $startSide repeat-x;
margin: 0 auto;
padding-top: 0;
padding-$endSide: 0;
padding-bottom: 15px;
padding-$startSide: 0;
border: 0;
}

#header h1 {
text-align: $startSide;
font-size: 200%;
color: $pageHeaderColor;
margin: 0;
padding-top: 15px;
padding-$endSide: 20px;
padding-bottom: 0;
padding-$startSide: 20px;
background-image: url(http://www.blogblog.com/moto_son/topper.gif);
background-repeat: repeat-x;
background-position: top $startSide;


A ver si me puedes ayudar, por favor. Lo curioso es que cuando lo hice con mi blog personal, me salio bien. Pero con este no...

Salu2

Responder
Gem@

Saludos El Comité Ambiental:
La plantilla que estás usando lleva dos imágenes en la cabecera, la forma que voy a explicarte hace que se pierda la segunda imagen, es decir la imagen de la línea.
Antes de hacer los cambios guarda una copia de la plantilla por si no te gustaran los resultados ;)
Vamos a empezar...
Es necesario que sustituyas lo siguiente:
#header-wrapper {
background: #8b2 url(http://www.blogblog.com/moto_son/headbotborder.gif) bottom $startSide repeat-x;
margin: 0 auto;
padding-top: 0;
padding-$endSide: 0;
padding-bottom: 15px;
padding-$startSide: 0;
border: 0;
}

#header h1 {
text-align: $startSide;
font-size: 200%;
color: $pageHeaderColor;
margin: 0;
padding-top: 15px;
padding-$endSide: 20px;
padding-bottom: 0;
padding-$startSide: 20px;
background-image: url(http://www.blogblog.com/moto_son/topper.gif);
background-repeat: repeat-x;
background-position: top $startSide;
}


Y en su lugar añadas esto:
#header-wrapper{
color: #ffe;
background: #8b2 url(aquí-la-url-de-la-imagen) no-repeat;
border: 0;
padding: 0 0 30px 0;
background-size: 100%;
background-position: center;
margin-top: 0;
margin-bottom: 0;
}
#header h1 {
font-size: 24px;
text-align: left;
padding: 15px 20px 0 20px;
margin: 0;
}


Yo he probado y el resultado ha sido este.
Procura que la imagen no mida más de 690 x 146 y mira en vista previa antes de guardar los cambios ;)
Si deseas que la imagen tenga más altura puedes hacerlo en: padding: 0 0 30px 0; aumentando el valor 30.
Ya me dirás si resulta bien, si no es así me lo haces saber ;)

Responder
El Comité Ambiental

Vale!!

Gracias, Gema! Funciona! Ahora sólo tengo que hacer de nuevo la imagen...
Este es mi blog: http://elecodegaia.blogspot.com/

Gracias, otra vez y un beso.


Abur

Responder
Gem@

Sitúate en #header-wrapper{ y aumenta padding: 0 0 30px 0; a.. padding: 0 0 40px 0; ve mirando en vista previa para ver que tal resulta.

Responder
El Comité Ambiental

Como para las dos cosas, era la misma solución te lo agradezco aquí.

Por fin he conseguido poner la imagen y quitar el titulo. En el otro comentario esta la direccion por si lo quieres ver.

Salu2

Responder
Gem@

Ya lo vi con el enlace que dejas al comentar. Me alegra los resultados ;)

Responder
-|danιel pнanтoм|-

Que tal Gema, sólo dejandot comentario para agradecert todos tus tips y ayuda, en serio me han servido mucho n.n

Gracias =P y ps mucha suerte en todo!

Dann
Phntm

Responder
Gem@

Gracias a ti Dann por tomarte la molestia de comentar ;)

Responder
Anónimo

Estimada amiga. No sé como borrar la línea que aparece en la cabecera de mi blog ( http://www.ensenarte.blogspot.com/)
¿Podrías ayudarme? te envío lo que está escrito en html en la cabecera.
Muchas gracias por tu tiempo.

/* Blog Header
----------------------------------------------- */
#header-wrapper {
background:$titleBgColor url("http://www.blogblog.com/rounders/corners_cap_top.gif") no-repeat $startSide top;
margin-top:22px;
margin-$endSide:0;
margin-bottom:0;
margin-$startSide:0;
padding-top:8px;
padding-$endSide:0;
padding-bottom:0;
padding-$startSide:0;
color:$titleTextColor;
}
#header {
background:url("http://www.blogblog.com/rounders/corners_cap_bot.gif") no-repeat $startSide bottom;
padding:0 15px 8px;
}
#header h1 {
margin:0;
padding:10px 30px 5px;
line-height:1.2em;
font: $pageTitleFont;
}
#header a,
#header a:visited {
text-decoration:none;
color: $titleTextColor;
}
#header .description {
margin:0;
padding:5px 30px 10px;
line-height:1.5em;
font: $descriptionFont;
}

Responder
Gem@

Esa línea es el espacio que ocupa la imagen en el header y al ser este mayor queda "descolocada" la imagen.
Lo que puedes hacer es eliminar las imágenes de la cabecera que viene por defecto en la plantilla:

En #header-wrapper vas a eliminar: background:$titleBgColor url("http://www.blogblog.com/rounders/corners_cap_top.gif") no-repeat $startSide top;

Y en #header { eliminarás:
background:url("http://www.blogblog.com/rounders/corners_cap_bot.gif") no-repeat

Si miras en vista previa verás que sólo queda la imagen, deberás modificar esa imagen para darle más anchura y redondear las esquinas.
Puedes hacer las dos cosas en:
http://www.roundpic.com/index.php
Subes la imagen desde tu PC, luego escoges el tamaño y en Round Size el efecto de las esquinas.

Mira en vista previa antes de guardar los cambios ;)

Responder
Juan Muñoz Marcos

Muchas gracias Gema.Ya he hecho rectificaciones y me gusta mucho más como queda. Lo del redondeo lo he descartado porque me deja las esquinas del rectángulo en blanco.
Tengo que "estudiar" mucho sobre la publicación en blogger porque soy novato y estoy un poco perdido. Me gustaría poder hacer un menu que me dirigiera a otras ¿páginas? de mi blog y poder colocar y comentar trabajos de los alumnos de cada uno de los cursos. Echaré un vistazo porque en tu superblog seguro que hablas de eso. Un saludo y de nuevo, gracias!

Responder
Gem@

Ha ganado mucho con el resultado JMM .
Puedes hacer para darle color a las esquinas del logo, en lugar de poner el color #FFFFFF que es el que viene por defecto puedes añadir el color #aba que es el del fondo de tu blog.
Sobre el menú hay algunas herramientas que pueden serte útiles, mira si ves algo sobre menús escribiendo en mi buscador "menú" o también aquí.
Hay algunos por ejemplo este.
Lo que no te recomiendo es el menú desplegable ya que ocasiona problemas al ser visualizado con diferentes navegadores. De todas formas tengo en borrador un post sobre menús que si no tienes mucha prisa quizás pueda serte útil
Y no te preocupes que hay una forma de solucionar lo que expones. Por ejemplo darle nombre a un botón del menú, luego la página que va a ser enlazada será la entrada que hablas de esos trabajos, puedes conseguir la url de una entrada clicando en el título de esta y copiando la dirección de la barra del navegador que aparece en ese momento, eso será la url de enlace.
De todas formas cuando estés con e menú "entre manos" si te quedan dudas házmelo saber ;)

Responder
Juan Muñoz Marcos

Hola Gema y gracias de nuevo. ya tengo menú. Sencillo pero útil que saqué, como no, de una de tus páginas. He puesto varias url para probar y funcionan, pero yo quería que me dirigieran a sitios (¿páginas?) de mi blog. Tu tabla de contenidos (muy buena y exhaustiva, por cierto) está en otro blog, pero la página actual, http://gemablog-.blogspot.com/2007/01/ttulo-en-blogger-beta.html, ¿cómo se crea?, ¿cómo forma parte del gemablog-?
Un abrazo y gracias por la paciencia...;)

Responder
Gem@

Es el link de un post JMM.
es lo que trataba de explicarte en el anterior comentario.
Blogger no tiene páginas quiero decir que es una sola página. Lo que tu ves con esa dirección es el link de la entrada. La dirección que aparece en la barra del navegador cuando clicamos sobre el título de la entrada o post.
Si añades la url de un post como enlace te mostrará ese post cada vez que cliques sobre el botón del menú.

Responder
Juan Muñoz Marcos

Ok Gema. Ya lo he entendido. Un saludo y gracias por todo!!!!
Que los hados te sean propicios en agradecimiento a la ayuda prestada a tanto blogger despistado como yo...

Responder
Gem@

Regresa cuando quieras JMM :)

Responder
Anónimo

Hola!
Mi nombre es Fermín y me a surgido un problema editando el blog de un amigo.
Estoy por agregarle un menú debajo de la imágen de la cabecera, el inconveniente es que no puedo arrastrar el elemento una vez añadido. Se que se debe a el tipo de plantilla pero no se como puedo solcionarlo. Espero que puedas ayudarme. Y por cierto muy bueno y prolijo esta tu blog. Un abrazo.

Responder
Gem@

Hola Fermín puedes arrastra ese elemento si lo haces desde la pantilla.
Esto puede serte de ayuda.
Ya me dirás si resulta bien ;)

Responder
Anónimo

Hola Gemma que tal? mira tengo un problema, mi blog es de blogger pero creo que no es el de Beta,es el antiguo y mi plantilla es la minimal black y quiero poner una imagen de fondo en mi encabezado pero que se vean las letras por encima, sabes cómo hacerlo?, me podrías ayudar? es que en la edición de mi plantilla no aparece el código que tu dices.

por favor agregame a tu msn y hablamos, gracias

mi msn es: patronus-arcanus@hotmail.com

Responder
gaxgax

He consultado tu blog cientos de veces, me ha sido de una utilidad tremenda, quería agradecerte el que compartas tus conocimientos, y sobre todo el que lo hagas con tan buena disposición, si muchas personas compartieran lo que saben de manera mas altruista, este seria un mundo un poquito mejor, no crees???, bueno un abrazo y que solo cosas buenas te rodeen en tu vida.

Con agradecimiento desde Chile.

Responder
Gem@

Hola Patronus si tu plantilla es la clásica prueba de este modo:
Sitúate en:
#header {
y añadir:
background:url('url-de-la-imagen');

No suelo conectarme al messenguer, prefiero contestar en los comentarios porque pienso que en los comentarios encontramos muchas veces solución a nuestro problema, aunque no lo creas son una gran fuente de información. De todas formas si tu pregunta fuera muy extensa o prefieres que no sea publica puedes enviarme un mail ;)

Muchas gracias gaxgax dejaste un comentario muy bonito que te agradezco de corazón ;)

Responder
Anónimo

Hola Gema, necesito tu ayuda urgente!!!!! puse una imagen en la cabecera de mi blog, y no la puedo eliminar, esta como tildado!!!, reinicie la maquina, hize de todo, pero la imagen esta ahi, ni siquiera la puedo reemplazar!!!, la agregue desde url, no se que pasa1 AYUDAME mi blog quedo horrible con esa imagen, fijate es: http://mujerdefe.blogspot.com gracias!

Responder
Gem@

Jaquelina esa es la imagen que trae por defecto la plantilla. Imagen.
Si la sustituyes por otra perderás el encabezado de la plantilla.

Responder
carmncitta

hola gema, buscando buscando he encontrado este post, pero no he podido hacer lo que quería.

Hace tiempo que te comenté que no sabía si pasarme al nuevo blogger, al final lo he hecho, pero bueno, aun tengo que ir investigando la plantilla, me cuesta más que la que tenía antes no sé porqué.

Me gustaría que la imagen de mi cabecera llevara a mi blog, igual que la tuya, pero no sé como hacerlo......a ver si me 'iluminas' porque yo ya he desistido por hoy xDDDD.

graciaaaaaaaaas

Responder
Gem@

! Hola Carmncitta ¡¡prueba de este modo ;)

Responder
Unknown

hola gema pues en mi blog asi aparece y no puedo cambial la imagen ayudame



/* ---( header and site name )--- */

#header-wrapper {
margin: 0;
padding: 0;
font: $pagetitlefont;
background: #e0e0e0 url(http://www.blogblog.com/tictac/top_div_$startSide.gif) no-repeat $startSide top;
}

#header {
margin: 0;
padding-top: 25px;
padding-$endSide: 60px;
padding-bottom: 35px;
padding-$startSide: 160px;
color: $pagetitlecolor;
background: url(http://www.blogblog.com/tictac/top_h1.gif) no-repeat bottom $startSide;
}

#header h1 {
font-size: 200%;
text-shadow: #81A75B 2px 2px 2px;
}

#header h1 a {
text-decoration: none;
color: $pagetitlecolor;
}

#header h1 a:hover {
color: #eee;
}

/* ---( main column )--- */

h2.date-header {
margin-top: 0;
padding-$startSide: 14px;
font-size: 90%;
color: $datecolor;
background: url(http://www.blogblog.com/tictac/date_icon.gif) no-repeat $startSide 50%;
}

Responder
Fernand Martinolli

simplemente gracias..es de mucha ayuda

Responder
Gem@

Saludos Cowboy te pido disculpas por tardar tanto en responder a tu comentario (lo he visto ahora mismo) y por lo que veo cambiaste a la plantilla Rounders 4 :(

Gracias a ti por comentar Fernand ;)

Responder
Anónimo

Hola a todos me llamo Mark y desde hace ya un tiempo intento averiguar si hay la forma o la manera de poder introducir dos imagenes con su correspondiente "url" independientes en la cabezera de una pagina como la de myspace.

saludos!

Responder
Gem@

Hola Mark en Blogger se pueden poner dos imágenes pero en myspace no tengo idea :(

Responder
Carito

Hola Gemm@, espero que estés muy bien. Ojalá pudieras ayudarme, mi problema es el siguiente:

Coloqué una imagen en mi cabecera, y ahora no puedo cambiarla ni eliminarla. La agregué desde mi PC, pero cuando me sale la ventana para escoger otra imagen, sale:
Desde la web: http://1.bp.blogspot.com/_VmwIzy74gDI/SNewT3fgTXI/AAAAAAAAAIk/Y8FoJFlHpjg/S1600-R/Mati+portada2.bmp

Pero yo no la subí desde allí sino desde mi PC, como te indiqué antes.

Y en la esquina inferior izquierda me sale: Error en la página. No me deja hacer nada, no puedo eliminarla para poner otra imagen, ni nada.

AYUDAME POR FAVOR

MIl gracias.

Responder
Carito
Este comentario ha sido eliminado por el autor.
Responder
Gem@

Hola Carito intenta añadir la imagen sin eliminar la que tienes, si no resulta bien entonces lo haremos de otra forma que te iré indicando paso a paso ;)

Responder
Unknown

Hola, una pregunta, como le haces para poner la imagen de @ al lado de tu direccion?
imagen http : // gemablog-....
he estado buscando como y no doy..

Responder
Gem@

Ӄѧӄǿӄɛӄѧ eso se llama favicon puedes ver como crearlo aquí ;)

Responder
pepi

He puesto una imagen en la cabecera de mi blog y no me deja quitarle ¿cómo lo puedo hacer? http://miscorazones-pepi.blogspot.com/
te dejo el blog para que la veas es la greca navideña. Gracias de antemano.

Responder
Gem@

¿En qué blog la quieres quitar Pepi?

Responder
Gem@

Ah perdón no lo había visto, voy a decirte como hacerlo :)

Responder
Gem@

Pepi busca en la plantilla algo así:
<b:section class='sidebar' id='sidebar' preferred='no'>

<b:widget id='Header1' locked='true' title='Mis corazones (cabecera)' type='Header'/>

</b:section>

y la primera línea la sustituyes por esta:

<b:section class='header' id='header' showaddelement='yes'>

guardas los cambios y en la plantilla de diseño verás que tienes una opción para añadir una nueva imagen de cabecera, subes la imagen que deseas y después eliminas la que no puedes quitar.

Responder
pepi

Gema gracias por tu pronta respuesta pero no ha funcionado, lo he hecho tal cual me dices y puedo añadir una nueva imagen, pero la vieja sigo sin quitarla, la nueva si la puedo quitar fácilmente aunque ahora he dejado las dos para que veas mi resultado.

Si lo necesitas te pego la plantilla tal cual está. Espero tu respuesta y gracias de antemano

Responder
Gem@

Mándame la plantilla a mi correo Pepi.
forevergema(arroba)gmail.com

Responder
David Jiménez Domínguez

Buenas noches Gema, mira estoy intenado colocar una imagen de cabecera en mi nuevo blog y no hay manera, he escogido la plantilla "Mínima" y selecciono loa opcion de "Expandir plantilla de artilugios" y me salen cosas extras además de las que indicas para colocar la imagen por lo que estoy bastante perdido. Buscando lo que indicas encuentro en mi plantilla lo siguiente:

*/

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}

#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}

#header a {
color:$pagetitlecolor;
text-decoration:none;
}

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}

Gracias por tu atención

Responder
Gem@

Lo que te sale es correcto, esa parte está en la plantilla pero hay una forma más sencilla de añadir la imagen en la cabecera.
Mira aquí
Intenta que el tamaño de la imagen no sea mayor del que el espacio de la cabecera de lo contrario quedará ladeada :)

Responder
Dru

Hola, enhorabuena por esta pagina, puede ayudar a mucha gente como yo. Hace poco que hice el blog, aun asi he ido cambiando cosas de la plantilla original leyendo en paginas. Ahora mi problema y llevo unos dias con ello, es que puse una foto de cabecera y para q no me saliera el tituo sobre ella solo puse un punto, con lo cual cuando ponen mi enlace no sale el titulo de la pagina sino el punto (no se si me explico). Quiero tener el titulo pero q no aparezca sobre la imagen. Como hago?? si quieres puedes ver lo q me pasa, este es mi blog http://minimundodedruminis.blogspot.com/
gracias

Responder
Gem@

Hola Dru posterior a esta entrada Blogger añadió un gadget para la cabecera donde permite subirla desde nuestro PC y la opción de marcar si deseamos que la imagen del logo se sitúe delante o detrás del título.
Si quieres mira esta entrada te será de ayuda.
Añadir cabecera
Si te queda alguna duda házmelo saber :)

Responder
Sther

Hola!
Hace unos días eliminé la cabecera de la plantilla (me daba problemas con la imagen que no llegaba a encajar bien dentro del recuadro), no obstante ahora quisiera que se pudiera refrescar/actualizar la página haciendo clic sobre dicha imagen. He estado leyendo unas entradas tuyas respecto a esto, pero sólo consigo crear una de nueva encima de la que ya tengo. No sé si debo eliminar la primera o hago algo mal.

Muchas gracias y felicidades, ya no sólo por la ayuda que prestas sino en cuanto a la forma en que lo haces.

Sther.

Responder
Gem@

Lo ideal sería eliminar la que tienes y después añadir la nueva, si para añadir la nueva imagen lo haces en el gadget destinado a la cabecera será más sencillo ;)

Responder
Gem@

Me olvidé dejarte este enlace Sther

Añade una imagen a la cabecera del blog de forma fácil y rápida

Responder
Judith Sepúlveda

hola! sabes que he tratado de colocar una imagen en el título del blog... y me estoy desesperando porque no me resulta, y mira que he tratado muchas veces, y hasta he cambiado de plantilla y todo!! si me pudieras ayudar, es que tengo una imagen que quiero poner, pero no la albergo en internet sino que la tengo en el disco duro... me podrías ayudar? te lo agradecería montones... ^^

Responder
Gem@

Saludos Judith Sepúlveda sigues estos pasos verás que sencillo resulta :)

Responder
ei-canaya

hola ! tengo un problema :S no se puede borrar una foto que tengo osea en el titulo pongo eliminar y no se borra :s necesito ayuda
te dejo mi msn sele_rc_192@hotmail.com

Responder
ei-canaya

www.jjamiin.blogspot.com es que cambie el nombre :0

Responder
Gem@

sosloser busca sin expandir la plantilla lo siguiente:

<b:widget id='Header1' locked='true' title='aquí pondrá el título de tu blog (cabecera)' type='Header'/>

lo eliminas y guardas.

Responder
El Ojo de la Razón

Agregué el widget "Agregueme" pero como mi cabecera es una imagén, el usuario que me agrega no ve el nombre de mi blog porque no tiene texto alguno sino un espacio en blanco (Alt+0160).

Es decir que aparece el recuadro en blanco sin nombre alguno dado que el texto lo reemplacé por ese Alt+0160.

Cómo hacer para que los demás vean mi nombre en ese widget?

No se si me expliqué claramente... no creo... :(

Gracias.

Responder
Gem@

yz ¿Puedo ver tu blog? ;)

Responder
Maria

Hola Gema la verdad que tu blog me ayudado vastante pero me gustaria saber mas y poder aplicarlo,estoy haciendo un blog para una iglesia y me gustaria que quede muy bonito y super chevere,y me gustaria que me des algunas ideas para mejorar pero no se como http://parroqdelasantacruz.blogspot.com, me gustaria que lo revises y me ayudes a mejorarlo si no es mucha molestia por ejemplo quiero arrglar la columna laterar las imagenes y texo como centrarlo,yo agrego imagenes con un gadget pero no se como centrarlas junto con el texto mmm, me gustaria ponerle un menu para que de como una web ya que la parroquia no tiene muchos recursos para pagar un dominio y quiero apoyarlo con el blog. HELP ME PLEASE. gracias

Responder
MARIA DE PERÚ

Hola Gema la verdad que tu blog me ayudado vastante pero me gustaria saber mas y poder aplicarlo,estoy haciendo un blog para una iglesia y me gustaria que quede muy bonito y super chevere,y me gustaria que me des algunas ideas para mejorar pero no se como http://parroqdelasantacruz.blogspot.com, me gustaria que lo revises y me ayudes a mejorarlo si no es mucha molestia por ejemplo quiero arrglar la columna laterar las imagenes y texo como centrarlo,yo agrego imagenes con un gadget pero no se como centrarlas junto con el texto mmm, me gustaria ponerle un menu para que de como una web ya que la parroquia no tiene muchos recursos para pagar un dominio y quiero apoyarlo con el blog. HELP ME PLEASE. gracias :D

Responder
blusas artesanales

genioooo gracias por todos tus datos-flavia

Responder
Gem@

yz Me alegra te funcionara :)

Responder
Honiita

Hola... quisiera saber si me podriais hacer el enorme favor de explicarme cómo hago (o q código hay q añadir a el HMTL del blog??)) para poder poner una imagen gif en el cabecero del blog....?? mil gracias y un excelente blog^^ gracias por lo q ofreces ejejeje

Responder
Gem@

:: Honiita no hay que añadir nada simplemente subir la imagen desde tu ordenador, mira la siguiente entrada:
http://gemablog-.blogspot.com/2007/05/aade-una-imagen-en-la-cabecera-del-blog.html

Responder
Desan

Hola, lo primero decirte q me encanta tu blog y lo segundo yo tengo un blog q lo he tenido algun tiempo abandonaico y la verdad ahora me he decidido a darle mas vidilla, tengo muchas dudas pero bueno una de ellas es como puedo poner una imagen en la cabecera y el nombre encima de la foto, yo he estado viendo como lo explicas y a mi no me aparece.¿Como lo hago? Te dejo mi dirección del blog y si me dices como lo ves. Gracias de antemano y un saludo!!!
http://morrutroig.blogspot.com

Fredy

Responder
Gem@

:: Desan tu plantilla es delas nuevas de Blogger, creo que si añades la imagen de fondo en:
.header-inner .Header #header-inner {
overflow: hidden;
background-image: url(http://aquítuimagen)no-repeat;
}

si no lo tuvieras puedes añadirlo justo debajo de:

.Header .description {
font-size: 130%;
}

El problema es que tu plantilla no tiene los valores del tamaño establecidos y tendrás que editar la imagen con unas medidas aproximadas de 580x123 ;)

Responder
Gem@

:: No me expliqué bien, quise decir que si no tienes esta porción de código
.header-inner .Header #header-inner {
overflow: hidden;
background-image: url(http://aquítuimagen)no-repeat;
}
puedes copiarla y pegarlo justo después de
.Header .description {
font-size: 130%;
}

Responder
Desan

Ok eso ya lo tengo, pero ahora me gustaria agrandar la imagen hasta el ancho de la pagina y no se donde buscarlo ni como ponerlo, yo para la tecnologia siempre he sido muy malo :$ si me puedes volver a ayudar te lo volvere agradecer.
Gracias de nuevo y un saludo

Responder
Gem@

:: Desan esta entrada es de hace 4 años, ahora puedes hacerlo todo de forma muy sencilla y más rápida mira la siguiente entrada:
http://gemablog-.blogspot.com/2007/05/aade-una-imagen-en-la-cabecera-del-blog.html

Responder
Vivir Siempre Sano

Excelente Post...

Responder
Gem@

:: Gracias labrecha2.0 :)

Responder
Marketing VIP

Hola Gem,
Orientame como colocar imágenes de los hoplinks que me da Clikbank para mi blogger.
Mi blog: http://manifestandodinero.blogspot.com/

Gracias y mis mejores deseos.

Responder
Gem@

:: pasiondelfutbol si no me explicas un poco dificilmente puedo ayudarte, no sé lo que es los hoplinks o el Clikbank.
Las imágenes dónde las quieres poner?

Responder
Anónimo

gracias me bino de perlas! sabia masomenos del tema pero tenia problemas de que me saliera toda la imagen de la cabecera y hacerlo todo desde el html me gusta mas ^^

Responder
Gem@

:: Genial Shira :)

Responder
Aldarion

Buenas Gema, vengo peregrinando hace rato con el asunto este del centrado de la imagen y ya he probado varias recetas que hay por ahi, pero sin exito...

MI blog está basado en el template "travel" y el codigo HTML reza asi:


/* Header
----------------------------------------------- */
.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
padding-left: 10px;
padding-right: 10px;
}

.Header h1 {
font: $(header.font);
color: $(header.text.color);
}

.Header h1 a {
color: $(header.text.color);
}

.Header .description {
font-size: 130%;
}

Agradeceré toda clase de ayuda!

Responder
Aldarion

AH!
La imagen que quiero centrar es la del titulo de este blog:

http://radiodustinforma.blogspot.com/

Responder
Aldarion

Perdon por la molestia :$

Lo he podido solucionar achicando la imagen con el paint...

Responder
Gem@

:: Aldarion sigo viendo la imagen ladeada a la derecha, si quieres prueba buscando lo siguiente .

<div id='header-inner' style='background-image: url("URL-IMAGEN");
background-position: left; width: 830px; min-height: 519px; _height: 519px; background-repeat: no-repeat; margin-left: -5px; '>

Ahí añadí margin-left: -5px; al final es lo que hace que el banner se mueva a la izquierda.

Responder
Sarah Valentina

gema, cariño, aqui ando de nuevo con lios en blogger, se que esta entrada no es reciente pero buscando una solución en tu blog me topé con ella. Quiero poner una cabecera del blog que sea una imagen y que ocupe todo el ancho y no he podido, siempre me queda hacia la derecha y con un espacio en blanco en la izquierda, incluso se sale de la pagina y me hace scroll en la parte inferior, la imagen que cargo tiene el mismo ancho del blog pero ni siquiera puedo centrarla, si me ayudas te agradeceria infinito. Opté por dejar mientras una imagen de fondo transparente para que no se note, besos y abrazos y mil gracias de nuevo

Responder
Gem@

:: Hola Sarah Valentina, estuve mirando el código fuente de tu blog y no entiendo la plantilla porque al parecer es de las nueva y tiene cosas añadidas con el diseñador de plantillas.
Lo digo desde hace mucho tiempo y no es que no me gusten las nuevas plantillas o el diseñador lo que no me gusta es que no se prestan a ser personalizadas por nosotros porque añaden código confuso.
Son plantillas para instalar y olvidarse de cualquier otra cosa, cuando se desea diseñar un sitio a nuestro gusto es mucho mejor empezar con una plantilla Minima de las de antes.

Responder
Sarah Valentina

Gracias por responder gema, pues bueno me toca conformarme porque comenzar de nuevo con otra plantilla es estresante la verdad, debi tener esta informacion antes de comenzar, en fin, gracias y besazos

Responder
ANDERSON

gema necesito qe me explique como puedo poner una imagen grande en mi blogs lo eh nentado pero no puedo por favor ayudame.

Responder

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top